﻿@{
    ViewBag.Title = "Index";
}

    <h1 id="titulo">Localidad</h1>


<div id="agregar">
    
    <h3>Agregar Localidad</h3>
        <form id="form" action="@Url.Action("Crear", "Localidad")" method="post">
            <label>
                
               
                <span>Codigo</span>
            <br />
                <input id="inputCod" type="number" name="codigo" />
                
            </label>
             <span id="mensajeCod" style="color: red"></span>
            <br />
            <label>
                <span>Nombre</span>
            <br />
                <input id="inputNomb" type="text" name="nombre" />
                 <span id="mensajeNomb" style="color: red"></span>
            </label>
            
       
            <br />
        <input class="boton" type="submit" value="Agregar" />
           <span id="spanMensaje"></span>
        </form>
     </div>

      <div id="listado">  

        
        <h2>Lista Localidades</h2>
        <table id="muestra">
            <tr>
                <th class="fila">Codigo</th>
                <th class="fila">Nombre</th>
                <th class="fila" colspan="2">Operaciones</th>
            </tr>

            @foreach (var item in Model)
            {
                <tr>
                    <td>
                        @item.cod
                    </td>
                    <td>
                        @item.nombre
                    </td>
                    <td>
                        @Html.ActionLink("Editar", "Editar", new { codigo = item.cod }, "Localidad") |                
                        @Html.ActionLink("Eliminar", "Eliminar", new { codigo = item.cod }, "Localidad")
                    </td>
                </tr>
            }
        </table>
    </div>
    <br />
    <br />

    <a>
        @Html.ActionLink("Principal Administracion", "Index", "MyHome")
    </a>

</body>

<script type="text/javascript">
    var formulario = $("#form");
    
    var spanCod = $("#mensajeCod");
    var spanNomb = $("#mensajeNomb");
    var cod = $("#inputCod").val();
    var nomb = $("#inputNomb").val();

    formulario.submit(comprobarCod);
    

    function comprobarCod() {
        
        var url = "@Url.Action("comprobar", "Localidad")";
        var cod = $("#inputCod").val();
        var nomb = $("#inputNomb").val();
        
      
        if(nomb== "")
        {
            console.log("entro a nombre vacio")
            spanNomb.text("Debe ingresar un nombre")
            
        }
        if (cod == "")
        {
            console.log("entro a codigo vacio")
            spanCod.text("Debe ingresar un codigo")

        }
        if ((cod!= "") && (nomb!=""))
        {
            console.log("entro a hacer la comprobacion del primer if si el codigo es distinto de cero")
            var promesa = $.get(url, {codigo:cod});
            promesa.done(algo)
        }
        return false
    }





function algo(resultado) {
        console.log("entro a algo")           
        
        if (resultado == false)
        {
            console.log("if true")
           
           spanCod.text("El codigo ya existe ")
        }
        else           
        {
            console.log("if false")
            console.log("entro al else")
            formulario[0].submit();
            console.log("ente")
        }
    }

</script>